//引入path模块，nodejs中的系统模块
const path = require("path");

//引入 exports 模块
module.exports = {
  devServer: {
    proxy: { // 配置 proxy 代理，解决接口跨域问题
      "/api": {// 设置当请求地址中以 /api 开头的，则默认访问的为 http://localhost:9000
        target: "http://localhost:9000",
        pathRewrite: { // 接口路径重写
          "/api": "" // 将访问的接口路径中的 /api 自动替换为空字符串，目标指向 http://localhost:9000
        }
      }
    }
  },
  mode: "production",//生产模式
  //入口
  entry: "./src/app.js",
  //出口
  output: {
    path: path.resolve(__dirname, "dist"),//__dirname是nodejs系统模块，用于表示当前文件的绝对路径
    filename: 'demo.bundle.js'//出口文件
  },

  module: {
    rules: [
      {
        test: /\.css$/, //使用正则匹配选取扩展名为 .css 结尾的文件
        /**
         * 上面 test 选取的文件内容由 MiniCssExtractPlugin.loader、css-loader 处理转化
         * 使用 MiniCssExtractPlugin.loader 将注入的 CSS 提取到单独 CSS 文件中，默认为 main.css
         */
        use: ["style-loader", "css-loader"],
      },
      {
        test: /\.(png|jpg|gif)$/,
        parser: {
          dataUrlCondition: {
            maxSize: 5 * 1024, // 设置当图片大小在 5kb 以内，则自动将其转化为 base64 编码格式
          },
        },
      }



    ]
  },

}